<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>添加成绩</title>
<link rel="stylesheet" type="text/css"
	href="assets/admin/layui/css/layui.css" />
<link rel="stylesheet" type="text/css" href="assets/admin/css/admin.css" />
</head>

<body>
	<div class="page-content-wrap" id="scoreAdd">

		<form class="layui-form" action="" id="">
			<div class="layui-form-item">
				<label class="layui-form-label">学生姓名</label>
				<div class="layui-input-block">
					   <select name="studentNo" id="studentNo" lay-verify="required"  lay-search="">
          				<option value="">请选择学生</option>
       				 </select>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">科目名称</label>
				<div class="layui-input-block">
					<select name="subjectId" id="subjectId" lay-verify="required">
						<option value="">请选择科目</option>
					</select>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">分数</label>
				<div class="layui-input-block">
					<input type="text" name="score" lay-verify="score"
						placeholder="请输入分数" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item m-login-btn" style="text-align:center">
				<div class="layui-inline">
					<button class="layui-btn layui-btn-normal" lay-submit lay-filter="addScore">添加成绩</button>
				</div>
				<div class="layui-inline">
					<button type="reset" class="layui-btn layui-btn-primary  site-demo-active"
					data-type="reset">取消添加</button>
				</div>
			</div>
		</form>

		<hr></hr>
		<h5 style="text-align: center;">@学生成绩管理系统</h5>
	</div>
	<script src="assets/admin/layui/layui.all.js" type="text/javascript"
		charset="utf-8"></script>
<script>
		layui.use(['form', 'layedit', 'laydate'], function(){
		  let form = layui.form
		  ,layer = layui.layer,layedit=layui.layedit; 
		  let $ = layui.jquery;
		  
		  
		  //加载下拉框,获取所有学生姓名
		  $.ajax({
           //几个参数需要注意一下
               type: "POST",//方法类型
               dataType: "json",//预期服务器返回的数据类型
               url: "/student/studentSelect",//url
               data: {},
               success: function (result) {
               	if (result.code === "0") {
               		let data=result.data;
               		$("#studentNo").html('<option value="">请选择学生</option>');
               		if(data.length>0){
               			for(i=0;i<data.length;i++){
               				let temp=data[i];
               				$("#studentNo").append('<option value="'+temp.studentNo+'">'+temp.studentName+'</option>');
               			}
               			layui.form.render('select');
               		}
               		
                 }else{
                 	layer.msg('加载学生下拉框失败', {
                         icon: 5
                     });
                 }
               },
               error : function() {
               	layer.msg('加载学生下拉框失败', {
                       icon: 5
                   });
               }
           });


			//加载下拉框,获取所有科目名称
			$.ajax({
				//几个参数需要注意一下
				type: "POST",//方法类型
				dataType: "json",//预期服务器返回的数据类型
				url: "/subject/subjectSelect",//url
				data: {},
				success: function (result) {
					if (result.code === "0") {
						let data=result.data;
						$("#subjectId").html('<option value="">请选择科目</option>');
						if(data.length>0){
							for(let i=0;i<data.length;i++){
								let temp=data[i];
								$("#subjectId").append('<option value="'+temp.id+'">'+temp.name+'</option>');
							}
							layui.form.render('select');
						}

					}else{
						layer.msg('加载科目下拉框失败', {
							icon: 5
						});
					}
				},
				error : function() {
					layer.msg('加载科目下拉框失败', {
						icon: 5
					});
				}
			});
		  
		  
		  
		  //创建一个编辑器
		  let editIndex = layedit.build('LAY_demo_editor');
			//自定义验证规则
			  form.verify({
				  scoreValue:[
					 /^100$|^(\d|[1-9]\d)$/,
					 '0-100之间的正整数'
			    ]
			    ,content: function(value){
			      layedit.sync(editIndex);
			    }
			  });
			  form.on('submit(addScore)', function(data){
				    let str=JSON.stringify(data.field)
				    let param = JSON.parse(str);
				    $.ajax({
			                //几个参数需要注意一下
			                    type: "POST",//方法类型
			                    dataType: "json",//预期服务器返回的数据类型
			                    url: "/score/addScore",//url
			                    data: param,
			                    success: function (result) {
			                    	if (result.code === "0") {
			                    		let index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
				    					parent.layer.close(index);
			                    		parent.layer.msg('添加成绩成功');
			                    		parent.layui.table.reload('scoreTest',{page:{curr:1}});
					                    }else{
					                    	layer.msg(result.msg, {
					                            icon: 5
					                        });
					                    }
			                    },
			                    error : function() {
			                    	layer.msg('服务器错误', {
			                            icon: 5
			                        });
			                    }
			                });
				    
				    return false;
				  });
			//触发事件
				let active = {
					reset : function() {
						let index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
						parent.layer.close(index);
						parent.layer.msg('已取消操作');
					}
				};
			  $('#scoreAdd .layui-btn').on('click', function() {
					let type = $(this).data('type');
					active[type] ? active[type].call(this) : '';
				});
  
});
</script>
</body>

</html>